<template>
  <view class="text-center p-[60rpx]">
    <view class="text-[160rpx] text-[#4caf50] mb-[40rpx]">
      <IconFont name="success" />
    </view>
    <text class="text-[48rpx] mb-[30rpx] block text-[#4caf50] font-bold">注册成功！</text>
    <text class="text-[32rpx] text-[#666] leading-[1.6] mb-[60rpx] block">
      您已成功注册电子健康卡，现在可以凭此卡在全国医疗机构使用，享受便捷的医疗服务。
    </text>

    <nut-button type="primary" size="large"
      class="h-[88rpx] text-[36rpx] bg-gradient-to-r from-[#4caf50] to-[#2e7d32]" @click="$emit('showCode')">
      <!-- <IconFont name="qrcode" class="mr-[10rpx]" /> -->
      <text>查看我的健康码</text>
    </nut-button>
  </view>
</template>

<script setup lang="ts">
import { IconFont } from '@nutui/icons-vue-taro'
</script> 